<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="../js/jquery-3.1.0.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body>
	<!-- 顶部导航栏 -->
<nav class="navbar navbar-inverse" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header"> 
      <a class="navbar-brand" href="#">HotelMaster</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="active">
        	<a href="#">主页</a>
        </li>
      </ul>
    </div>
      <ul class="nav navbar-nav navbar-right">
            <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span>登录</a></li> 
        </ul> 
  </div>
</nav>
<!-- 表格 -->
<ul id="myTab" class="nav nav-tabs">
	<li class="active">
		<a href="#home" data-toggle="tab">
			 房间<span class="badge pull-right">3</span>
		</a>
	</li>
	<li><a href="#freeroom" data-toggle="tab">空闲客房<span class="badge pull-right">3</span></a></li>
	<li><a href="#room" data-toggle="tab">今日价格</a></li>
</ul>
<div id="myTabContent" class="tab-content">
	<div class="tab-pane fade in active" id="home">
		<!-- 表格 -->
		<table class="table table-bordered table-width">
			<caption><span id="time">你好</span></caption>
			<thead>
				<tr>
					<th>名称</th>
					<th>状态</th>
					<th>价格</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Tanmay</td>
					<td>Bangalore</td>
					<td>560001</td>
				</tr>
				<tr>
					<td>Sachin</td>
					<td>Mumbai</td>
					<td>400003</td>
				</tr>
				<tr>
					<td>Uma</td>
					<td>Pune</td>
					<td>411027</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="tab-pane fade" id="freeroom">
		<table class="table table-bordered table-width">
			<caption><span id="time">你好</span></caption>
			<thead>
				<tr>
					<th>名称</th>
					<th>状态</th>
					<th>价格</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Tanmay</td>
					<td>Bangalore</td>
					<td>560001</td>
				</tr>
				<tr>
					<td>Sachin</td>
					<td>Mumbai</td>
					<td>400003</td>
				</tr>
				<tr>
					<td>Uma</td>
					<td>Pune</td>
					<td>411027</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="tab-pane fade" id="room">
		<table class="table table-bordered table-width">
			<caption><span id="time">你好</span></caption>
			<thead>
				<tr>
					<th>名称</th>
					<th>状态</th>
					<th>价格</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Tanmay</td>
					<td>Bangalore</td>
					<td>560001</td>
				</tr>
				<tr>
					<td>Sachin</td>
					<td>Mumbai</td>
					<td>400003</td>
				</tr>
				<tr>
					<td>Uma</td>
					<td>Pune</td>
					<td>411027</td>
				</tr>
			</tbody>
		</table>
	</div>
	</div>
</div>

<!-- 底部内容 -->
<!-- <div class="jumbotron text-center" style="margin-bottom:0">
  <p>版权所有</p>
</div> -->
</body>
	<script type="text/javascript" src="../js/time.js"></script>
</html>